@import "../stylus/base/variable.styl";
@import "../stylus/base/mixins";
.tip-words
    color #66666fe0
    font-size 12px
.list-A
    .list-item
        display flex
        border-bottom 1px solid #e8e8e8
        height 76px
        align-items center
        padding 0 16px
        box-sizing border-box
    .i-main
        display flex
        align-items center
        flex 1
        overflow hidden
    .cell-row
        display block
        line-height 2.1
        max-width 95%
        of-dot()
    .unimportant
        color #666
        font-size 12px 
    .l-col
        min-width 100px
        &:nth-child(1)
            flex 2
        &:nth-child(2)
            flex 2
        &:nth-child(3)
            flex 2
            padding-right 6px
            font-weight bold
            color #666
    .sign
        font-style normal
        color #666666
        font-size 15px
        display block
        padding 0 6px
        width 32px
        height 32px
        text-align center
        line-height @height
        background #F1F2F4
        border-radius 4px
        margin-right 10px
        &.s-circle
            border-radius @height
.block-A
    background $themeBg
    overflow hidden
    border-radius 4px
    // display flex
    // flex-direction column
    .ant-spin-nested-loading
        height 100%
    .icon
        color $themeColor
    .b-hd
        font-size 16px
        font-weight bold
        border-bottom 1px solid #e8e8e8
        height 44px
        line-height @height
        text-indent 14px
    .b-bd
        flex 1
    .b-ft
        text-align center
        font-size 14px
        font-weight bold
        height 50px
        line-height @height
        justify-content: center;
        a
            color #666
        /deep/ .anticon
            margin-left 5px
            font-weight bold
            font-size 18px
            position relative
            top 1px
.sec-block-transition
    margin-top 16px !important
    display flex 
    flex-wrap wrap
    margin-left -15px
    margin-right -15px
    .part-box
        min-width 320px
        flex 1
        margin-left 15px
        margin-right 15px
        margin-bottom 20px
        &:first-child
            .list-item
                .l-col:nth-child(1)
                    .cell-row:first-child
                        font-weight bold
    .latest-blocks
        float left
    .latest-transitions
        float right
.section-box
    margin-top 24px
.cuicon-price
    background-image url('../assets/icon/pricehhh.png')
.cuicon-diff
    background-image url('../assets/icon/diff_xhhd.png')
.cuicon-latest-block
    background-image url('../assets/icon/latest_block.png')
.cuicon-vulume
    background-image url('../assets/icon/vulume.png')
.cuicon-worth
    background-image url('../assets/icon/worth_chhsd.png')
.cuicon-harate
    background-image url('../assets/icon/harate.png')